<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>京西商城</title>
    <link rel="stylesheet" href="{__STATIC_PATH__}index/cart1/css/base.css" type="text/css">
    <link rel="stylesheet" href="{__STATIC_PATH__}index/cart1/css/global.css" type="text/css">
    <link rel="stylesheet" href="{__STATIC_PATH__}index/cart1/css/header.css" type="text/css">
    <link rel="stylesheet" href="{__STATIC_PATH__}index/cart1/css/index.css" type="text/css">
    <link rel="stylesheet" href="{__STATIC_PATH__}index/cart1/css/bottomnav.css" type="text/css">
    <link rel="stylesheet" href="{__STATIC_PATH__}index/cart1/css/footer.css" type="text/css">
    <script type="text/javascript" src="/static/layui/layui.js"></script>
    <script type="text/javascript" src="{__STATIC_PATH__}index/js/jquery.min.js"></script>
    <script type="text/javascript" src="{__STATIC_PATH__}index/cart1/js/header.js"></script>
    <script type="text/javascript" src="{__STATIC_PATH__}index/cart1/js/index.js"></script>
</head>
<body>
<!-- 顶部导航 start -->
<div class="topnav">
    <div class="topnav_bd w1210 bc">
        <div class="topnav_left">

        </div>
        <div class="topnav_right fr">
            <ul>
                <li>您好，欢迎来到京西！[<a href="/index/user/login">登录</a>] [<a href="/index/user/register">免费注册</a>] </li>
                <li class="line">|</li>
                <li><a href="/index/order/index">我的订单</a></li>
                <li class="line">|</li>
                {notempty name="id"}
                <li><button type="button" style="background: none;font-size: 12px" onclick="loginout()">退出登录</button></li>
                {/notempty}
            </ul>
        </div>
    </div>
</div>
<!-- 顶部导航 end -->

<div style="clear:both;"></div>

<!-- 头部 start -->
<div class="header w1210 bc mt15">
    <!-- 头部上半部分 start 包括 logo、搜索、用户中心和购物车结算 -->
    <div class="logo w1210">
        <h1 class="fl"><a href="/"><img src="{__STATIC_PATH__}index/cart1/image/logo.png" alt="京西商城"></a></h1>
        <!-- 头部搜索 start -->
        <div class="search fl">
            <div class="search_form">
                <div class="form_left fl"></div>
                <form action="" name="serarch" method="get" class="fl">
                    <input type="text" class="txt" value="请输入商品关键字" /><input type="submit" class="btn" value="搜索" />
                </form>
                <div class="form_right fl"></div>
            </div>

            <div style="clear:both;"></div>

            <div class="hot_search">
                <strong>热门搜索:</strong>
                <a href="">D-Link无线路由</a>
                <a href="">休闲男鞋</a>
                <a href="">TCL空调</a>
                <a href="">耐克篮球鞋</a>
            </div>
        </div>
        <!-- 头部搜索 end -->

        <!-- 用户中心 start-->
        <div class="user fl">
            <dl>
                <dt>
                    <em></em>
                    <a href="">用户中心</a>
                    <b></b>
                </dt>
                <dd>
                    {if empty($id)}
                    <div class="prompt">
                        您好，请登录
                    </div>
                    {else /}
                    <div class="prompt">
                        您好，欢迎-- {$login} --来到京西商城
                    </div>
                    {/if}
                    <div class="uclist mt10">
                        <ul class="list1 fl">
                            <li><a href="/index/user/index">用户信息</a></li>
                            <li><a href="/index/order/index">我的订单</a></li>
                            <li><a href="/index/address/add">收货地址</a></li>
                            <li><a href="">我的收藏></a></li>
                        </ul>

                        <ul class="fl">
                            <li><a href="">我的留言></a></li>
                            <li><a href="">我的红包></a></li>
                            <li><a href="">我的评论></a></li>
                            <li><a href="">资金管理></a></li>
                        </ul>

                    </div>
                    <div style="clear:both;"></div>
                    <div class="viewlist mt10">
                        <h3>最近浏览的商品：</h3>
                        <ul>
                            <li><a href=""><img src="{__STATIC_PATH__}index/cart1/image/view_list1.jpg" alt="" /></a></li>
                            <li><a href=""><img src="{__STATIC_PATH__}index/cart1/image/view_list2.jpg" alt="" /></a></li>
                            <li><a href=""><img src="{__STATIC_PATH__}index/cart1/image/view_list3.jpg" alt="" /></a></li>
                        </ul>
                    </div>
                </dd>
            </dl>
        </div>
        <!-- 用户中心 end-->

        <!-- 购物车 start -->
        <div class="cart fl">
            <dl>
                <dt>
                    <a href="/index/cart/index">购物车结算</a>
                    <b></b>
                </dt>
                <dd>
                    <div class="prompt">
                        购物车中还没有商品，赶紧选购吧！
                    </div>
                </dd>
            </dl>
        </div>
        <!-- 购物车 end -->
    </div>
    <!-- 头部上半部分 end -->

    <div style="clear:both;"></div>

    <!-- 导航条部分 start -->
    <div class="nav w1210 bc mt10">
        <!--  商品分类部分 start-->
        <div class="category fl "> <!-- 非首页，需要添加cat1类 -->
            <div class="cat_hd">  <!-- 注意，首页在此div上只需要添加cat_hd类，非首页，默认收缩分类时添加上off类，鼠标滑过时展开菜单则将off类换成on类 -->
                <h2>全部商品分类</h2>
                <em></em>
            </div>

            <div class="cat_bd ">
                {volist name="tree" id="v"}
                <div class="cat item1">
                    <h3>{$v.name}<b></b></h3>
                    <div class="cat_detail ">
                        {volist name="v['child']" id="val" key="k"}
                        <dl {if condition="$k == 0"} class="dl_1st" {else /} "" {/if}>
                        <dt><a href="/index/index/list?id={$val.id}">{$val.name}</a></dt>
                        <dd>
                            {volist name="val['child']" id="val1" key="key"}
                            <a href="/index/index/list?id={$val1.id}">{$val1.name}</a>
                            {/volist}
                        </dd>
                        </dl>
                        {/volist}
                    </div>
                </div>
                {/volist}
            </div>

        <!--  商品分类部分 end-->

        <div class="navitems fl">
            <ul class="fl">
                <li class="current"></li>
                <li></li>

                <li><a href="">家用电器</a></li>
                <li><a href="">品牌大全</a></li>
                <li><a href="">团购</a></li>
                <li><a href="">积分商城</a></li>
                <li><a href="">夺宝奇兵</a></li>
            </ul>
            <div class="right_corner fl"></div>
        </div>
    </div>
    <!-- 导航条部分 end -->
</div>
<!-- 头部 end-->
<div style="clear:both;"></div>